div.all{
    width: 80%;
    margin-left: 10%;
    margin-bottom: 50px;
    float: left;
    border: 3px solid #e4f4f7;
    background-color: #FBFFFD;
    border-radius: 12px;
}
.table{
    width: 80%;
    text-align: center;
    border-collapse: collapse;
}
.table td{
    color: #333333;
    width: 60px;
    font-size: 18px;
    font-family: "微软雅黑";
}
.table tr{
    color: #333333;
    width: 200px;
    font-size: 18px;
    font-family: "微软雅黑";
}
.hover:hover{
    background-color: #b7ecf4;
}
.table th{
    color: #333333;
    width: 30px;
    font-size: 18px;
    font-family: "微软雅黑";
}
.centerdiv{
    text-align:center;
}
.btnPage{
    float: left;
    margin-left: 10px;
    border:1px solid lightgray;
    width:80px;
    height:30px;
}

/*
 * Project: 学生-学习中心-课堂展示
 * Date: 2016-05-05
 * Author: WXD
*/
@charset "utf-8";
/* CSS Document */

/*样式重置*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,hr,span,form,fieldset,table,td,img,div,dl,dt,dd{margin:0;padding:0; list-style:none;}
body,html{font-family:"Microsoft YaHei";font-size: 14px;}
a{text-decoration: none;}
/*a:hover{text-decoration:underline;}*/
img{list-style:none;border:none; display:block; margin: 0 auto;}
li{list-style:none;}
textarea{outline:none;border:none; -webkit-appearance: none; background-color: transparent;}
textarea{resize:none;}
*{word-break:break-all;}
/*清除浮动*/
.clearfix2:after{content:"";display:block;clear:both;}
.clearfix2{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.text_overflow{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}


/*头部样式*/
.top{ width:100%; margin:0; padding:0; height:60px; background-color:#FFCF4E; position: fixed; z-index: 9999;}
.top_conten{ width:1200px; margin:0 auto; position:relative;}
.top_nav ul{ margin-left: 0px;}
.top_nav ul li{ display: block; position:relative;float: left; text-align: center; color: #383337; font-size: 16px; line-height: 40px; padding-top: 7px; margin: 0 15px;}
.top_nav ul li a{ color: #383337;}
.top_nav ul .cur{ border-bottom: 1px solid #383337;}
.top_nav ul .cur a{color:#383337;}
.top_nav span{display:inline-block;position:absolute;bottom:-1px;left:50%;margin-left:-35px;width:70px;height:1px;background:#383337;overflow:hidden;transform:scale(0);}
.top_nav ul li:hover span{transform:scale(1);transition:all .5s ease;}
.top_secher{ margin-top:18px; border:none; width: 0; line-height: 24px; height: 24px; border-radius: 13px; text-align: left; transition: all .5s ease;}
.top_secher img{ margin-left: 4px; margin-top: 3px; width: 19px; display:block; float: left;}
.top .open{ width: 158px; border: 1px solid #343434; transition: all .5s ease;}
.top_info ul li{ float:left; margin:0 10px; height:46px; margin-top:7px; display:table; line-height:46px; position: relative;}
.top_info ul li > div{ display:table-cell; vertical-align:middle;text-align: center; cursor:pointer;}
.top_info ul li span{ background-color: #FF4A1F; border: 1px solid #fff; color: #fff; padding: 0 4px; font-size: 12px; line-height: 15px; top:3px; left: 68px; position: absolute; border-radius: 50%;}
.set_list{ background-color: rgba(0, 0, 0, 0.8); width:120px; height:auto; position:absolute; right:35px; top:61px; padding-top:10px; padding-bottom:10px; display:none;}
.set_list ul li{ display:block; line-height:26px; color:#FFF; margin:0 6px; text-align:center; font-size:12px; position:relative; }
.set_list ul li a{ color:#FFF; position:relative; z-index:2;}
.set_list ul li:before{content: ''; position: absolute; left: 50%;width:100%;height: 26px;background: #FFCF4E; margin-left:-50%; z-index:0; transform:scale(0);}
.set_list ul li:hover:before{ transform:scale(1); transition:all .5s ease;}
.set_list ul li:hover a{color:#202020;}
.set_list ul hr{ margin:5px 6px; height:1px;}

.comWidth{width:1200px;margin:0 auto;}
/*课程分类*/
.box{margin: 0 auto; padding: 0px; padding-top:100px;width: 100%; height: auto; background:#F0F0EE url("../img/stu_ly_bj1.jpg") no-repeat center 60px;background-size:150% auto;}
.box_con{ margin: 0 auto; padding: 0px; width: 100%; background:  no-repeat fixed left bottom; background-size: 30% 50%;}
.box_con{ padding-bottom: 45px;}
.box_con .crumbs a{color:#ffc629;}
.box_con .crumbs a:hover{text-decoration:underline;}
.res_upload_title{margin-left:30px;color: #1f1f1f; line-height: 45px; height: 45px; border-bottom: 1px solid #3eabf7; font-size: 20px; width: 85px;}
.subBar{padding:46px 0;}
.subBar span{display:inline-block;margin:0 18px 0 0;width:38px;height:38px;line-height:38px;border:1px solid #3eabf7;border-radius:19px;text-align:center;color:#3eabf7;font-size:24px;overflow:hidden;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease;}
.subBar span:first-child{margin-left:24px;}
.subBar span:hover{width:70px;background:#3eabf7;color:#fff;}
.subBar span.active{width:70px;background:#3eabf7;color:#fff;}
.bj_folderspan{ width: 18px;height: 18px; margin-right: 13px; display: inline-block; text-align: center; font-size: 12px; position: absolute; top: 5px; }
.bj_folder{ background-image: url("../img/icon13.png");  background-position: 0 -26px; color: #fff; }

/*下拉框*/
.selectBar .textBook{width:154px;}
.selectBar .grade{width:104px;}
.selectBar .chapter{width:164px;}
.selectBar .section{width:164px;}
.selectBar .className{width:244px;}

.main{margin-top:8px;}
/*展示区*/
.main .checkBox{display:none;position:absolute;left:-26px;top:16px;width:16px;height:16px;border:1px solid #cdcccc;}
.main .showBar{padding-bottom:30px;width:924px;border:1px solid #ccc;background:rgba(255,255,255,.5);}
.main .showBar .tabTit{margin:20px 0 0 34px;}
.main .showBar .tabTit li{float:left;padding:12px 17px;text-align:center;color:#555;font-size:20px;cursor:pointer;}
.main .showBar .tabTit .current{color:#202020;border-bottom:1px solid #ffcf4d;}
.main .showBar .handleBar{margin-top:35px;}
/*迷你搜索框 Start*/
.main .showBar .searchJSBox{margin-right:18px;width:120px;height:20px;border:1px solid #202020;border-radius:10px;overflow:hidden;transition:all .5s ease-in-out;}
.main .showBar .curSea{width:18px;border:none;}
/*迷你搜索框 End*/
.main .showBar .handleBar a{float:left;margin-right:30px;color:#3eabf7;font-size:14px;cursor:pointer;}
/*组别内容*/
.main .showBar .groupTit{height:44px;background:#eee;}
.main .showBar .groupTit ul{margin-left:52px;}
.main .showBar .groupTit li{float:left;margin-right:30px;line-height:43px;color:#555;font-size:20px;cursor:pointer;}
.main .showBar .groupTit li:hover{color:#3eabf7;border-bottom:1px solid #3eabf7;}
.main .showBar .groupTit li.current{color:#3eabf7;border-bottom:1px solid #3eabf7;}

.main .showBar .finaled{padding:46px 50px 30px 50px;border-bottom:2px solid #dfdfdf;}
.main .showBar .tited{float:left;width:80px;color:#ffc629;font-size:16px;}
.main .showBar .mained{width:734px;color:#333;}
.main .showBar .articled{font-size:16px;}
.main .showBar .queryBtn{position:relative;left:656px;width:66px;height:30px;border:1px solid #ffc629;border-radius:5px;color:#ffcf4d;font:16px "Microsoft Yahei";cursor:pointer;}
.main .showBar .queryBtn:hover{background:#ffc629;color:#202020;}
.main .showBar .active{background:#ffc629;color:#202020;}
.main .showBar .replyBox{margin-top:20px;padding:5px 14px;box-sizing:border-box;width:722px;background:#f3f2f2;}
.main .showBar .replyBox p{line-height: 28px;}
.main .showBar .replyBox span{color:#3eabf7;}

/*即时通讯*/
.main .showBar .chatroom{padding:0 52px;padding-top:10px;}
.main .showBar .newstime{display:inline-block;margin-left:348px;width:130px;height:16px;text-align:center;color:#fefefe;font-size:12px;background:#ddd;}
.main .showBar .chatword{margin-bottom:22px;margin-top:20px;}
.main .showBar .chatword .icon-face{margin-right:14px;width:36px;height:36px;}
.main .showBar .namewords{background:url(../img/icon_bubble.png) no-repeat 0 32px;}
.main .showBar .mywords{background:url(../img/icon_bubble_02.png) no-repeat 158px 12px;}
.main .showBar .facelook{background-position:81px 12px;}
.main .showBar .myfile{background-position:308px 12px;}
.main .showBar .namewords a{margin-left:14px;color:#555;font-size:12px;}
.main .showBar .namewords a:hover{color:#3eabf7;}
.main .showBar .bubble{margin:4px 20px 0 10px;max-width:710px;background:#3eabf7; border-radius:10px;color:#fefefe;font-size:14px;}
.main .showBar .plaintext{padding:18px;}
.main .showBar .plainface{padding:11px;}
.main .showBar .plainpic{margin-right:20px;padding:2px;}
.main .showBar .siriVoice{position:relative;width:88px;height:40px;cursor:pointer;}
.main .showBar .siriVoice img{position:absolute;left:8px;top:10px;}
.main .showBar .siriVoice em{position:absolute;right:-26px;top:10px;color:#555;font-size:12px;font-style:normal;}
.main .showBar .bubble .transverse{width:194px;height:124px;border-radius:10px;}
.main .showBar .bubble .vertical{width:146px;height:176px;border-radius:10px;}
.main .showBar .bubble .sendFile{width:296px;height:116px;border-radius:10px;cursor:pointer;}


.main .showBar .thisSec{margin:24px 0 0 60px;color:#202020;font-size:20px;font-weight:normal;}
.main .showBar .moreSec{position:relative;display:inline-block;margin:28px 56px 0 0;width:84px;height:20px;color:#3eabf7;font-size:14px;cursor:pointer;}
/*纯CSS实现正/倒三角箭头*/
.main .showBar .triangle_down,.main .showBar .triangle_up{position:relative;left:2px;}
.main .showBar .triangle_down{top:5px;}
.main .showBar .triangle_up{top:3px;}
.main .showBar .triangle_down em,.main .showBar .triangle_down span,.main .showBar .triangle_up em,.main .showBar .triangle_up span{position:absolute;width:0;height:0;border-style:solid dashed dashed dashed;border-width:6px;border-color:transparent;}
.main .showBar .triangle_down em{top:2px;border-top-color:#3eabf7;}
.main .showBar .triangle_down span{border-top-color:#eaf4f8;}
.main .showBar .triangle_up em{top:-2px;border-bottom-color:#3eabf7;}
.main .showBar .triangle_up span{border-bottom-color:#eaf4f8;}

.main .desBox{display:none;position:relative;margin:24px 50px 0 50px;padding-bottom:24px;border-bottom:1px dashed #ccc;color:#202020;font-size:16px;}
.main .desBox2{position:relative;margin:0;border-bottom:0;padding-top:17px;}
.main .dashedLine{border-top:1px solid #ccc;}
.main .desBox .desTit{margin-left:10px;width:78px;}
.main .desBox .desTxt{width:735px;line-height: 28px;}
.main .desBox .desTit2{margin-left:0;width:70px;}
.main .desBox .desTxt2{width:660px;}
.main .stateBar{height:30px;}
.main .desBox .dateline{color:#888;font-size:14px;}
.main .clickBar{margin-top:4px;}
.main .clickBar li{float:left;margin-left:32px;padding-left:22px;height:20px;line-height:20px;color:#888;font-size:12px;background:url(../img/icon_com.png) no-repeat;cursor:pointer;}
.main .clickBar .clickLike{background-position: 2px 3px;}
.main .clickBar .clickLike:hover{background-position: 2px -17px;}
.main .clickBar .clcls{background-position: 2px -17px;}
.main .clickBar .comment{background-position: -34px 3px;}
.main .clickBar .comment:hover{background-position:-34px -18px;}
.main .clickBar .cocls{background-position:-34px -18px;}
.main .commentBox{margin-top:6px;padding:12px;background:rgba(250,248,248,.4);}
.main .commentBox p{color:#555;font-size:14px;}
.main .commentBox strong{color:#3eabf7;font-weight:normal;}
.main .stuComBox{position:relative;margin:24px 50px 0 50px;padding-bottom:24px;border-bottom:1px dashed #ccc;color:#202020;font-size:16px;}
.main .stuHead{width:80px;}
.main .stuHead img{width:50px;height:50px;border-radius:5px;}
.main .stuBody{width:736px;}
.main .stuBody h3{color:#42acf5;font-size:16px;font-weight:normal;}
.main .stuBody p{margin:-3px 0 5px 0;font-size:15px;}
.main .stuBody .stage{margin:12px 0;}
.main .stuBody .stage:hover{color:#42acf5;}
.main .stuBody .dateline{color:#888;font-size:12px;}
/*.main .stuBody .clike{background-position:2px 3px;}*/
/*.main .stuBody .cment{background-position:-34px 3px;}*/
/*评论输入框*/
/*控件列表*/
.main .toolBar .icon-list{margin-left:12px;}
.main .toolBar .icon-list dd{ float: left;position: relative;  margin: 6px 8px 5px 0px; width: 16px; height: 16px; cursor: pointer; background-image: url("../img/xiaobiao_img5.png");}
.main .toolBar .icon-face{ background-position: 0px 0px;}
.main .toolBar .icon-face:hover{ background-position: 0px -24px;}
.main .toolBar .icon-pic{ background-position: -22px 0px;}
.main .toolBar .icon-pic:hover{ background-position: -22px -24px;}
.main .toolBar .icon-video{ background-position:-44px 0px;}
.main .toolBar .icon-video:hover{ background-position: -44px -24px;}
.main .toolBar .icon-siri{ background-position: -67px 0px;}
.main .toolBar .icon-siri:hover{ background-position: -67px -24px;}
.main .toolBar .icon-link{ background-position: -84px 0px;}
.main .toolBar .icon-link:hover{ background-position: -84px -24px;}
/*控件展示区*/
.main .public-add p{padding-left: 4px;height: 20px;line-height:20px;font-size:12px;}
.main .public-add .icon-pic{position:relative;top:4px;display:inline-block;margin-right:10px;width:16px;height:16px;background:url(../img/xiaobiao_img5.png) no-repeat;}
.main .addImg .icon-pic{background-position:-21px -24px;}
.main .addAV .icon-pic{background-position:-44px -24px;}
.main .public-add li{position:relative;float:left;width:100px;height:100px;margin:8px 6px;}
.main .public-add img{width:100%;height:100%;}
.main .public-add .closeBtn{position:absolute;left:82px;top:0;width:18px;height:18px;line-height:15px;background:rgba(0,0,0,.6);text-align:center;color:#fff;font-size:16px;cursor:pointer;}
.main .public-add .closeBtn:hover{color:#f00;}
.main .public-add .addBtn{display:block;width:100%;height:100%;line-height:90px;text-align:center;background:#ccc;color:#fff;font-size:65px;cursor:pointer;}
.main .addAV .size,.main .addDoc .size{color:#aaa;font-size:12px;}
.main .addAV .progress,.main .addDoc .progress{position: relative;display: inline-block;margin-left: 5px;width: 105px;height: 5px;border: 1px solid #3EABF7;}
.main .addAV .progress em,.main .addDoc .progress em{position:absolute;left:0;top:0;display:inline-block;width:80%;height:5px;background:#3EABF7;}
.main .addAV .speed,.main .addDoc .speed{display: inline-block;margin-left: 4px;color: #AAAAAA;font-size: 12px;}

/*添加附件*/
.main .addDoc .icon-pic{background-position:-84px -24px;}
/*侧边栏*/
.main .sideBar{box-sizing:border-box;padding:0 22px 15px 18px;width:262px;border:1px solid #ccc;background:rgba(255,255,255,.5);}
.main .sideBar .relation{padding-top:30px;color:#202020;font-size:20px;font-weight:normal;}
.main .sideBar .error-topic{padding-top:20px;}
.main .sideBar .relation span{display:inline-block;margin-top:5px;width:16px;height:16px;cursor:pointer;}
.main .sideBar .icon-relation{background:url(../img/icon_side.png) no-repeat;}
.main .sideBar .icon-search{background:url(../img/icon_side02.png) no-repeat;}
.main .sideBar .icon-relation:hover{background-position:0 -20px;}
.main .sideBar .icon-search:hover{background-position:0 -27px;}
.main .resoureList{margin-top:20px;}
.main .resoureList li{margin-bottom:8px;}
.main .resoureList a{display:block;padding-left:24px;width:200px;background:url(../img/icon13.png) no-repeat 0 -40px;color:#555;font-size:14px;}
.main .resoureList .icon-file{background-position: 0 -26px;}
.main .resoureList a:hover{text-decoration: underline;cursor:pointer;}
.main .resoureList span{margin-left:24px;color:#7a7a7a;font-size:12px;}

.main .groupWork{margin:0 auto;width:838px;}
.main .groupWork li{position:relative;padding:28px 0;border-bottom:1px dashed #ccc;}
.main .groupWork .gw-chk{left:-30px;top:60px;}
.main .groupWork .personFace{position:relative;width:120px;height:80px;border-radius:5px;background: no-repeat center;}
.main .groupWork .newMessage{position:absolute;right:-10px;top:-10px;display:inline-block;width:25px;height:25px;line-height:25px;background:url(../img/new_message.png) no-repeat center;text-align:center;color:#fcfbf9;font-size:14px;}
.main .groupWork .name{position:absolute;bottom:0px;width:100%;height:34px;line-height: 34px;text-align: center;color:#fff;font-size:14px;font-weight:normal;}
.main .groupWork .personWords{position:relative;width:700px;}
.main .groupWork .personWords p{margin-top:16px;margin-bottom:20px;color:#202020;font-size:16px;}
.main .groupWork .personWords p:hover{color:#3eabf7;}
.noComt{width:86%;}
.main .groupWork .newTips{margin-left:14px;}
.main .groupWork .personWords {display:inline-block;padding-left:10px;color:#aaa;font-size:14px;}
.main .groupWork .releaseDate{margin-right:10px;}
.main .groupWork .finalResult{display:none;margin-top:24px;padding:30px 0;border-top:1px dashed #ccc;color:#555;border-bottom:1px solid #ccc;background:#f2f2f2;color:#555;font-size:14px;}
.main .groupWork .finalResult strong{color:#202020;font-weight:normal;}
.main .groupWork .tipsBtn{position:absolute;right:10px;top:15px;width:70px;height:24px;color:#fff;font:14px "Microsoft Yahei";background:#e9e9e9;}
